<template>
  <div>
    <h1>App{{ data.count }}</h1>
    <button @click="data.count++">count累加</button>
    <hr />
    <Content></Content>
  </div>
</template>

<script>
import Content from "@/components/Content";
export default {
  name: "App",
  components: {
    Content,
  },
  data() {
    return {
      data: {
        count: 0,
      },
    };
  },
  //provide配置项:主要是为了向后代组件提供数据,key写成对象或函数的方式(推荐使用函数的方式)
  provide() {
    //provide函数内部return 的对象中的属性 就是提供的数据
    return {
      data: this.data,
    };
  },
};
</script>

<style>
</style>